﻿@model  Model.Localidad


@{
    ViewBag.Title = "Agregar";

}



<div align="center">
  

<form method="post">
    <fieldset>
    
  <br/><br/>
   <legend>Agregar</legend>
        @if (ViewBag.error == true)
        {

            <span class="alert-danger"> Error! Codigo de Localidad ya utilizado</span>

        }
      <br/>
    <label>
   
        <input class="form-control" placeholder="Ingrese Nombre" type="text" name="nombre" value="@Model.nombre" /> @Html.ValidationMessageFor(model => model.nombre)
    </label>

    <br/>
    <br/>
    <label>
        <span class="alert-info" id="nombreLocalidad"></span>
        <input class="form-control" placeholder="Ingrese Codigo" type="number" name="codigo" id="idCodigo" onkeypress="setTimeout(consultarLocalidad,0)" /> @Html.ValidationMessageFor(model => model.codigo)
    </label>
    <br/>   

    <input class="btn btn-default" type="submit" value="Agregar" />
    <a class="btn btn-default" href="@Url.Action("IndexLocalidad","Localidad")" role="button">Volver</a>
   
        </fieldset>
</form>
</div>


<script type="text/javascript">


    function consultarLocalidad() {
        
        var idV = $("#idCodigo").val();
        var parametros = {
            id: idV
        };

        var promise = $.get("@Url.Action("consultarLocalidad", "Localidad")", parametros);
        promise.done(mostrarNombreLocalidad);
        promise.fail(errorCodigoLocalidad);
     
        



    }

    function errorCodigoLocalidad() {

        $("#nombreLocalidad").html("Codigo Disponible")


    }


    function mostrarNombreLocalidad(datos) {
        
        $("#nombreLocalidad").html("Codigo no Disponible")

    }


</script>


 